$label-color: #c6c4c4;
.el-button {
  &.default{
    color: #e9e4e4;
    background-color: #0b111e;
    &:hover {
      color: #fff;
      background-color: #000;
    }
  }
  &.el-button--primary{
    background-color: #409eff;
    &:hover {
      background-color: #79bbff;
    }
  }
}
.el-form {
  .el-form-item__label {
    color: #c6c4c4;
    font-size: 12px;
  }
}
.el-input {
  .el-input__wrapper {
    background-color: transparent;
  }
  .el-input__inner {
    color: #fff;
  }
}
.el-input-number {
  .el-input-number__decrease, .el-input-number__increase {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
  }
}
.el-radio {
  .el-radio__label {
    color: $label-color;
  }
}
.el-select {
  .el-select__wrapper {
    background-color: transparent;
  }
  .el-select__selected-item {
    color: $label-color;
  }
}
.el-select-dropdown {
  background-color: #0b111e;
  border: 1px solid #000;
  .el-select-dropdown__item.is-hovering {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .el-select-dropdown__item{
    color: $label-color;
  }
}
.el-color-picker {
  width: 100%;
  .el-color-picker__trigger {
    width: 100%;
  }
}
.el-color-dropdown {
  .el-input__inner {
    color: #000;
  }
}
.el-dialog.dialog-common {
  background-color: #0b111e;
  padding: 0;
  .el-dialog__header {
    padding-bottom: 0;
    padding-left: 15px;
    border-bottom: 1px solid #000;
    .el-dialog__title {
      color: #fff;
      line-height: 40px;
    }
  }
  .el-dialog__body {
    color: #fff;
    padding: 15px;
  }
  .el-dialog__footer {
    padding: 15px;
  }
}
